Roath Park Replay 1

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

<div style="text-align: center;"><b>Roath Park, Cardiff.</b></div> <<if $Replay is true>>\ <<init>>\ <</if>>\ <<audio ":playing" stop>>\ <<audio "clock" volume 0.1 play>>\ <span id="clickme">\ <<if $Replay is true>>\ <<link '<span class="sepia-text">You are alone with your memories.</span>'>>\ <<replace "#clickme">><</replace>>\ <<timed 1s>><<append "#seasons">><p><span class="sepia-text">You have seen seasons become years...</span></p><</append>><</timed>>\ <<timed 3s>><<append "#seasons">><p><span class="sepia-text">You have seen lives lived...</span></p><</append>><</timed>>\ <<timed 5s>><<append "#seasons">><p><span class="sepia-text">Now the past visits uninvited....</span></p><</append>><</timed>>\ <<timed 8s>><<audio ":playing" stop>><<audio "birds" loop volume 0.1 play>><</timed>>\ <<timed 8s>>\ <<append "#seasons">>\ <p>Four gates into the park. Which will you choose today?</p>\ <div class="gate-box">\ <<if $count lt $maxGates>><<gates>><</if>>\ </div>\ <</append>>\ <</timed>>\ <</link>>\ <<else>>\ <<link "You are alone.">>\ <<replace "#clickme">><</replace>>\ <<timed 1s>><<append "#seasons">><p>Only you can see seasons become years...</p><</append>><</timed>>\ <<timed 3s>><<append "#seasons">><p>Years become lives....</p><</append>><</timed>>\ <<timed 5.5s>><<append "#seasons">><p>Lives become loves...</p><</append>><</timed>>\ <<timed 8s>><<append "#seasons">><p>Loves blossom and die...</p><</append>><</timed>>\ <<timed 10s>><<append "#seasons">><p>Until only distant memories remain...</p><</append>><</timed>>\ <<timed 12s>><<audio ":playing" stop>><<audio "birds" loop volume 0.1 play>><</timed>>\ <<timed 13s>>\ <<append "#seasons">>\ <p>Four gates into the park. Which will you choose today?</p>\ <div class="gate-box">\ <<if $count lt $maxGates>><<gates>><</if>>\ </div>\ <</append>>\ <</timed>>\ <</link>>\ <</if>>\ </span> <span id="seasons"></span>

<<set $count += 1>>\ <<audio ":all" stop>>\ <<timed 0.05s>>\ <<audio "lake" volume 0.4 play>>\ <</timed>>\ <<if $Botanical is true>>\ <<pastmemory>>\ <</if>>\ <div style="text-align: center;"><b>The Promenade.</b></div>\ <<if $Replay>>\ <span class="sepia-text"> \ Mum told me about the day Dad walked home from High School, sunshine warm on his face. He sat at Nain's bench while the gang walked on. This girl in Grammar school uniform sat next to him, scrolling her iPhone. She caught him staring. <i>'What?' 'Nothing... I noticed how blue your eyes are.' 'You flirting? Be asking for my number next.' 'Well, what is it then?'</i> She took his phone, typed, and his rang. <i>'There. Call me if you want.'</i> He went proper red apparently. <i>'I'm Ffion.' 'Dylan. Gotta go. Bye, Ffion.' 'See ya, Dylan.'</i> That was Mum. </span>\ <<else>>\ Walking home from High School, sunshine warm on my face. At Nain's bench, I sit while the gang walks on. A blonde girl in Grammar school uniform sits next to me, scrolling her iPhone. She catches me staring. <i>'What?' 'Nothing... I noticed how blue your eyes are.' 'You flirting? Be asking for my number next.' 'Well, what is it then?'</i> She takes my phone, types, and mine rings. <i>'There. Call me if you want.'</i> I go red. <i>'I'm Ffion.' 'Dylan. Gotta go. Bye, Ffion.' 'See ya, Dylan.'</i> <</if>> <span id="fade-text" style="opacity:1; transition: opacity 25s ease-out;">\ The gate fades into memory. </span>\ <<timed 3s>>\ <<script>> document.getElementById("fade-text").style.opacity = "0"; <</script>> <</timed>>\ <<timed 10s>>\ <<if $count gt 1>>\ <<benchmemory>>\ <<if $benchmessage.length gt 0>>\ <div class="shimmer-box"><<print $benchmessage>></div>\ <</if>>\ <</if>>\ <<set $Prom to true>>\ <div class="gate-box">\ <<set $Promeastvisit to $count>>\ <<if $count >= $maxGates>>\ <<funeral>>\ <<else>>\ <<gates>>\ <</if>>\ </div>\ <</timed>>\

<<done>>\ <<audio ":all" stop>>\ <<timed 0.05s>>\ <<audio "queue" volume 0.4 play>>\ <</timed>>\ <</done>>\ <<set $count += 1>>\ <<if $Botanical is true>>\ <<pastmemory>>\ <</if>>\ <div style="text-align: center;"><b>Terra Nova and the Boating lake.</b></div> <<if $Replay>>\ <span class="sepia-text"> <i>Dad always told the story of when he first came here. Mam held his hand as they walked to Nain's bench. 'Your Nain and Bampi loved it here.' They came every Bonfire Night. Nain always cried a bit. She gave him bread for the ducks. <b>'Don't fall in.'</b> He only fell in once. She could be stern! A girl with yellow hair stood next to him. She handed him a daffodil.</i> </span> <<else>> Mam holds my hand as we walk to Nain's bench. <i>'Your Nain and Bampi loved it here.' </i> We come every Bonfire Night. Mam always cries a bit. She gives me bread for the ducks. <i>'Don't fall in.' </i> I only fell in once, when I was little. A girl with yellow hair stands next to me. She hands me a daffodil. <i>'Swap for some bread? They smell funny.' 'Why do girls like pink?' 'I don't. It's got a unicorn. Unicorns are magic. 'I'm Ffion.' 'I'm Dylan. Bye.' 'Bye, Dylan.'</i>\ <</if>> <span id="fade-text" style="opacity:1; transition: opacity 25s ease-out;"> The gate fades into memory.\ </span>\ <<timed .0s>>\ <<script>> document.getElementById("fade-text").style.opacity = "0"; <</script>> <</timed>>\ <<timed 10s>>\ <<if $count gt 1>>\ <<benchmemory>>\ <<if $benchmessage.length gt 0>>\ <div class="shimmer-box"><<print $benchmessage>></div>\ <</if>>\ <</if>>\ <<set $Cafe to true>>\ <div class="gate-box">\ <<set $Cafevisit to $count>>\ <<if $count >= $maxGates>>\ <<funeral>>\ <<else>>\ <<gates>>\ <</if>>\ </div>\ <</timed>>\

<div style="text-align: center;"> <b>The Botanical Garden - New Year's Eve.</b> </div> <<audio ":playing" stop>>\ <<audio "wind" volume 0.3 play>>\ <<if $Replay is true>>\ <nobr> <span class="sepia-text"> He was all alone in the park that night. He must have seen the frost settle, the fireworks over Roath. Mist floating like a wraith. He sat there too long. What did he see... </span> </nobr> <<else>>\ The park is mine alone. Frost silvers the grass in moonlight. Fireworks crackle over Roath. Mist hovers on the lake. She's been gone a year. The pain hasn't dulled. I've sat here too long... <</if>>\ <<timed 2s>>\ <span style="display: inline-block; animation: shiver 0.1s infinite;"><<if $Replay is true>>The cold must have seeped into his bones.<<else>>...Cold seeps into my bones.<</if>></span> <</timed>>\ <<timed 4s>>\ <<if $Replay>>\ Did he see ghosts? <</if>>\ <span class="ghostly"> Nain and Bampi emerge from the mist. <i>'Happy New Year, Dylan.'</i> </span> <</timed>>\ <<timed 8s>>\ They fade. <</timed>>\ <<timed 12s>>\ <<nobr>><span class="ghostly"> Mam touches my face, fingers icy. <i>'Not long now, Dyl.'</i> </span> <</nobr>> <</timed>>\ <<timed 15s>>\ She fades. <</timed>>\ <<timed 18s>>\ <span style="color: white; font-weight: bold; opacity: 1;"> A blonde with dark eyes and crimson lips sits beside me. Cold kiss on my cheek. <i>'See ya, Dylan.'</i> </span> <</timed>>\ <<timed 20s>>\ 'Bye, Ffion.' <</timed>>\ <<timed 22s>>\ <span style="color: white; font-weight: bold; opacity: 1;"> <i>'You're coming with me.'</i> </span> <</timed>>\ <<timed 24s>>\ <<if $Cafe is true and $Prom is true>>\ <<set $Botanicalvisit to 1>>\ <b><<pastmemory>></b>\ <</if>>\ <<set $Botanical to true>>\ <<set $count += 1>>\ <div class="gate-box">\ <<set $Botanicalvisit to $count>>\ <<if $count >= $maxGates>>\ <<funeral>>\ <<else>>\ <<gates>>\ <</if>>\ </div> <</timed>>\

<<set $count to 0>> <<set $maxGates to 4>> <<set $Rose to false>> <<set $Play to false>> <<set $Botanical to false>> <<set $Cafe to false>> <<set $Prom to false>> <<set $Cafevisit to 0>> <<set $Promeastvisit to 0>> <<set $Rosevisit to 0>> <<set $Playvisit to 0>> <<set $Botanicalvisit to 9>> <<set $Replay to false>> <<cacheaudio "birds" "https://cardiffwriters.org/twines/audio/birds.mp3">> <<cacheaudio "wind" "https://cardiffwriters.org/twines/audio/wind.mp3">> <<cacheaudio "queue" "https://cardiffwriters.org/twines/audio/queue.mp3">> <<cacheaudio "lake" "https://cardiffwriters.org/twines/audio/lake.mp3">> <<cacheaudio "clock" "https://cardiffwriters.org/twines/audio/bbc_clocks---g_07022188.mp3">> <<cacheaudio "play" "https://cardiffwriters.org/twines/audio/bbc_children--_07055077.mp3">>

<<widget "pastmemory">>\ <div class="medic-voices">\ <i>\ <<if $Botanicalvisit < $count>>\ '...on a bench... Roath Park...' '...all night, they reckon... ' ' Temp's twenty-eight. Severely hypothermic.' 'Can you hear me, love? What's your name?' The words float past like the mist off the lake. <<if $Play >>\ I remember the playground, waiting for Ffi. She had started tripping, couldn't open jars. She was so stubborn, had to go alone. <</if>>\ <<if $Prom>>\ 'You've got my number now. You can call me if you want.' I was too scared. She seemed so self-assured. I was only 14. <</if>>\ <<if $Cafe >>\ Unicorn girl. Yellow hair and blue wellies. Unicorns are magic. <</if>>\ <</if>></i>\ </div>\ <</widget>>

<b>Eulogy</b> <div class="eulogy-box"> <div style="border: 3px solid black; background-color: #d3d3d3; padding: 1em;"> <<if $Replay>> You stood first. I couldn't look up. You were so brave, your voice never wavered. You said... <<else>> Carys stands first. Tom stays seated, staring at the order of service. <</if>> 'Dad wore his heart on his sleeve. When Mum got ill, he never complained. Learned the hoist, the suction machine. He'd sit for hours, holding her hand, telling her about the ducks.' <<if $Replay>> You paused for a while. <<else>> She pauses. <</if>> 'After she died, he kept going to their bench. Said he could still feel her there.' <<if $Replay>> That's when I stood up and put my arm round you. I said... <<else>> Tom stands, puts his arm around his sister. <</if>> 'He died on that bench. Looking at the lake. I like to think she came to get him.' <<if $Replay>> You nodded. <<else>> Carys nods. <</if>> 'They're together now.' </div></div> <<link "Stay a little longer">> <<set $Replay to true>> <<goto "Roath Park">> <</link>>

<<widget "funeral">>\ <<if $count >= $maxGates>>\ <span style="<<if $Botanical is true>>font-weight: bold; color: black;<</if>>">\ <<link "Attend the Remembrance Service" "Finale">><</link>> <<link "Stay a little longer">> <<set $Replay to true>>\ <<goto "Roath Park">>\ <</link>>\ </span>\ <</if>>\ <</widget>>\

<<widget "benchmemory">>\ <<set $benchmessage to "">>\ <<if $Replay is true>>\ <<set $benchmessage += "\"It's funny what he remembered!\"">>\ <</if>>\ <<if $Cafe is true>>\ <<if $benchmessage neq "">><<set $benchmessage += "<br>">><</if>>\ <<set $benchmessage += "\"You're Unicorn girl!\"<br>\"What... You're weird! Oh no, you're Duck Boy!\"">>\ <</if>>\ <<if $Prom is true>>\ <<if $benchmessage neq "">><<set $benchmessage += "<br>">><</if>>\ <<set $benchmessage += "\"You've got blue eyes!\"<br>\"Duck Boy!\"">>\ <</if>>\ <<if $Play is true>>\ <<if $benchmessage neq "">><<set $benchmessage += "<br>">><</if>>\ <<set $benchmessage += "\"Fungus ladders up a dying tree... We'll look after her...\"">>\ <</if>>\ <</widget>>\

<<widget "gates">>\ <<set _gates to []>>\ <<if $Prom is false>>\ <<set _gates.push('Promenade->Promeast')>>\ <</if>>\ <<if $Cafe is false>>\ <<set _gates.push('Cafe->Cafe')>>\ <</if>>\ <<if $Play is false>>\ <<set _gates.push('Playground->Play')>>\ <</if>>\ <<if $Botanical is false>>\ <<set _gates.push('Botanical Garden->Botanical')>>\ <</if>>\ <<set _shuffled to []>>\ <<for ; _gates.length > 0 ; >>\ <<set _i to random(0, _gates.length - 1)>>\ <<set _shuffled.push(_gates[_i])>>\ <<set _gates.deleteAt(_i)>>\ <</for>>\ <<for _gate range _shuffled>>\ <<capture _gate>>\ <<set _parts to _gate.split('->')>>\ <<link _parts[0] _parts[1]>><</link>><br>\ <</capture>>\ <</for>>\ <</widget>>\

<<done>>\ <<audio ":all" stop>>\ <<timed 0.05s>>\ <<audio "play" volume 0.4 play>>\ <</timed>>\ <</done>>\ <<set $count += 1>>\ <<if $Botanical is true>>\ <<pastmemory>> <</if>>\ <div style="text-align: center;"><b>The Playground.</b></div> <<if $Replay>>\ <span class="sepia-text"> Tom told me about the time Dad took us to the park when it was getting cold. Woolly hats and gloves weather. Fungus was laddering up a dying tree. Leaves crackling underfoot. <i>'Sit on Nain's bench. I'll give you bread for the ducks.'</i> Tom said we both hurled ourselves onto it. <i>'Can we have phones for Christmas, Dad?' 'I want a red one like Mum.'</i> Apparently I shrugged. <i>'I don't care what colour. Girls can do anything boys do.'</i> He gave us bread. <b><i>'Don't fall in.'</i></b> Tom threw huge chunks. I tore mine carefully. Tom said the bench went quiet. <i>If Mum doesn't get better...</i>\ Tom says I pressed against Dad's arm. <i>'She will, Dad. We'll look after her. Mostly me.'</i> He tried to smile. <i>'Mostly you.'</i> </span> <<else>>\ It's getting cold. Time for woolly hats and gloves. Fungus ladders up a dying tree. Leaves crackle underfoot. <i>'Sit on Nain's bench. I'll give you bread for the ducks.'</i> The twins hurl themselves onto it. <i>'Can we have phones for Christmas, Dad?' 'I want a red one like Mum.'</i> Carys shrugs. <i>'I don't care what colour. Girls can do anything boys do.'</i> I give them bread. <b><i>'Don't fall in.'</i></b> They run to the lake. Tom throws huge chunks. Carys tears hers carefully. The bench feels cold. <i>If Ffion doesn't get better...</i> Carys presses against my arm. <i>'She will, Dad. We'll look after her. Mostly me.'</i> I try to smile. <i>'Mostly you.'</i> <</if>>\ <span id="fade-text-play" style="opacity:1; transition: opacity 30s ease-out;"> The gate fades into memory. </span>\ <<timed 3.0s>>\ <<script>> document.getElementById("fade-text-play").style.opacity = "0"; <</script>> <</timed>>\ <<timed 10s>> <<if $count gt 1>>\ <<benchmemory>>\ <<if $benchmessage.length gt 0>>\ <div class="shimmer-box">\ <div class="shimmer-box"><<print $benchmessage>></div>\ </div>\ <</if>>\ <</if>>\ <<set $Play to true>>\ <<set $Play to true>>\ <div class="gate-box">\ <<set $Playvisit to $count>>\ <<if $count < $maxGates>>\ <<gates>>\ <</if>>\ </div>\ <<funeral>>\ <</timed>>\

<<widget "init">>\ <<set $count to 0>>\ <<set $maxGates to 4>>\ <<set $Rose to false>>\ <<set $Play to false>>\ <<set $Botanical to false>>\ <<set $Cafe to false>>\ <<set $Prom to false>>\ <<set $Cafevisit to 0>>\ <<set $Promeastvisit to 0>>\ <<set $Rosevisit to 0>>\ <<set $Playvisit to 0>>\ <<set $Botanicalvisit to 9>>\ \ <<cacheaudio "birds" "https://cardiffwriters.org/twines/audio/birds.mp3">>\ <<cacheaudio "wind" "https://cardiffwriters.org/twines/audio/wind.mp3">>\ <<cacheaudio "queue" "https://cardiffwriters.org/twines/audio/queue.mp3">>\ <<cacheaudio "lake" "https://cardiffwriters.org/twines/audio/lake.mp3">>\ <<cacheaudio "clock" "https://cardiffwriters.org/twines/audio/bbc_clocks---g_07022188.mp3">>\ <<cacheaudio "play" "https://cardiffwriters.org/twines/audio/bbc_children--_07055077.mp3">>\ <</widget>>\